<style>
#panel{
  width: 1100px;
  height: 535px;
  vertical-align: text-top; 
  text-align: center;
  border: solid 1px #ccc;
}
#panelTanques{
  width: 1100px;
  height: 120px;
  vertical-align: text-top; 
  text-align: center;
  border: solid 1px #ccc;
  background-color: #333;
}

#visor_puesto{
  width: 210px;
  height: 80px;
  border: solid 1px #999;
  border-radius: 7px;
  margin-left: 5px;
  padding: 3px;
  background-color: #BFDFFF;
  font-size: 13px;
}

.visorSalida{
  width: 210px;
  height: 90px;
  border: solid 1px #999;
  /*border-radius: 7px;*/
  margin-left: 5px;
  /*padding: 3px;*/
}

#salida{
  color: #000;
  font-size: 15px;
  text-align: left;
 /* margin-left: 15px; */
  
}

#letraSensor{
   font-size: 13px;
}

#numero{
  color: #ccc;
  font-size: 30px;
  width: 110px;
  height: 45px;
  border: solid 1px #999;
  border-radius: 7px;
  background-color: #999;
  text-align: center;
  margin-left: 1px;
  margin-right: 7px;
}

#letraChica{
font-size: 10px;
}

#visor2{
  /*margin-left: 2px;
  margin-right: 2px;*/
  width: 100%;
  height: 20px;
  border: solid 1px #999;
  background-color: #999;
  text-align: center;
  font-size: 15px;
  color: #fff;

}

#tanque{
  margin-top: -15px; 
  
  color: #fff;
}
</style>
<?php
echo'<div id="panel"><table border="0" width="1100px"><tr>';

      $obj_puesto = new Puesto();
      $listado_puestos = $obj_puesto->get_iterated();
        foreach ($listado_puestos as $puesto) 
        {
          $obj_turno = new Turno();
          $obj_turno->where('puestos_id', $puesto->id);
          $listado_turnos = $obj_turno->get_iterated();
          foreach ($listado_turnos as $turno) 
            {                     
             $operario = $turno->getOperario()->nombre;
             $turno_operario = $turno->inicio; 
             $turno_duracion = $turno->duracion;                                  
            }

         echo'
         <td align="center" valign="top">
         <div id="visor_puesto">
            <table border="0" width="210px" cellspacing="10" height:"80px">
                <tr> 
                  <td colspan="2" id="salida">'.$puesto->nombre.'</td>                             
                </tr>
                <tr> 
                  <td colspan="2" >Operario: '.$operario.'</td> 
                </tr>
                <tr> 
                  <td colspan="2">Inicio turno: '.$turno_operario.'</td> 
                </tr>
                <tr>  
                  <td colspan="2" >Duración: '.$turno_duracion.'</td>                            
                </tr>  
            </table>
         </div>';
                       
         $obj_salida = new Salida();
         $listado_salidas = $obj_salida->get_iterated();
         foreach ($listado_salidas as $salida) 
           {              
              $puestoSalida = $salida->getPuesto();
              if($puesto->id == $salida->puestos_id)
              { //$salida->ultimoDespacho   
                
                //Consulto si hay registro de apertura sin motivos
                $obj_apertura = new Alarma_apertura();
                $obj_apertura->where('salidas_id', $salida->id);
                $listado_aperturas = $obj_apertura->get_iterated();
                $cantAperturas = 0;
                   foreach ($listado_aperturas as $apertura) 
                    {
                      if($apertura->motivosApertura_id == 0 or $apertura->motivosApertura_id == '')
                      {
                        $cantAperturas++;
                      }
                      
                    }
                echo'
                 <div class="visorSalida" id="visorSalida'.$salida->id.'">
                  <table border="0" width="200px" height:"90px">
                    <tr>  
                        
                        <td valign="top">
                            
                      </td>             
                    </tr>
                    <tr>
                      <td rowspan="3">
                        <div id="salida">SALIDA:'.$salida->nroSalida.'</div>
                        <div id="letraChica">Despacho(litros)</div>
                        <div id="numero"><span id="value'.$salida->id.'">0</span></div>
                      </td>                     
                    </tr>
                    <tr>
                      <td> 
                         <div id="letraChica">Acumulado(litros)</div>
                         <div id="visor2">'.$salida->acumulado.'</div> 

                         <div id="letraChica">Calibración(litros)</div>
                         <div id="visor2">'.$salida->calibracion.'</div> 

                         <div id="letraSensor"><a href="alarmas_apertura/ver_todos">Sensor('.$cantAperturas.')</a></div>
                      </td>
                      <td>
                          <div style="display:none;">
                            <span id="idSalida">'.$salida->id.'</span>  
                            <span id="activa'.$salida->id.'">0</span>
                          </div>
                      </td>
                    </tr>
                  </table>

                  
                 
                 </div>';
              }
              
               //echo $puestoSalida->puestos_id;
            
          }
          echo '</td>';
        }
echo'<tr></table></div>

<div id="panelTanques">
<table border="1" width="1100px"><tr>';
      $obj_tanque = new Tanque();
       $listado_tanques = $obj_tanque->get_iterated();
        foreach ($listado_tanques as $tanque) 
        {
          if($tanque->eliminado == 0)
            { 
                   echo'<td align="center">
                          <div id="tanque">                             
                              <div id="jqmeter-vertical'.$tanque->id.'"></div>
                              '.$tanque->identificacion.'
                          </div>
                       </td>';
            }
        }

echo'</tr></table></div>';
?>


<script>



$(document).ready(function(e) 
{   
  $("a.expand-link").click();

  <?php 
    $obj_tanque2 = new Tanque();
    $listado_tanques2 = $obj_tanque2->get_iterated();
      foreach ($listado_tanques2 as $tanque2) 
        {
          if($tanque2->eliminado == 0)
            {  
              $capacidadTanque = $tanque2->capacidad;
              $stock = $tanque2->stock;
              $stockMinimo = $tanque2->stockMinimo;
              $color = '#00D96D';            
              if ($stockMinimo > $stock ){$color = '#FF0000';}

              echo "$('#jqmeter-vertical".$tanque2->id."').jQMeter({
                goal:'".$capacidadTanque."',
                raised:'".$stock."',
                orientation:'vertical',
                width:'110px',
                height:'70px',
                barColor:'".$color."'});";
            }
        }
  ?>

}); 

</script>      
